/**
 * main.css - Main style for AWA pages
 * Copyright (C) 2011, 2012 Stephane Carrez
 * Licensed under the Apache License, Version 2.0 (the "License");
 */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, label {
    margin: 0;
    padding: 0;
}
html, body {
  height: 100%;
}
body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  background-color: #f0f0f0;
  overflow-y: scroll;
}
/* IE 6 min-height hack */
* html #pam-page-content {
    height: 100%;
}
body.awa {
  background-color: #81CFB7;
}

#awa-page {
  position: relative;
  min-height:100%;
  margin-left: 1%;
  margin-right: 1%;
  background-color: white;
  margin-bottom: -30px; /* See #awa-clfooter height */
  display: block;
  width: 98%;
}
.awa #awa-page {
  background-color: #99DFCA;
}
#awa-hdr {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 25px;
    background-color: #333; /* #9BCFBA; */
    border-bottom: 5px solid #333; /* #3E6F5C; */
    z-index: 1;
}
#awa-hdr ul {
  float: right;
  list-style-type: none;
  padding-right: 20px;
}
#awa-hdr li {
  float: right;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 24px;
  font-size: 16px;
}
#awa-hdr li a, #awa-hdr li {
    color: #ddd;
    font-size: 12px;
    text-decoration: none;
    border-bottom: 3px solid #333;
}
#awa-hdr li a:hover {
    color: #fff;
    border-bottom: 3px solid orange;
}
#awa-hdr #awa-top-nav {
    float: left;
}
#awa-content {
  padding-top: 50px;
}
.awa-ok {
  float: left;
  width: 48px;
  height: 48px;
  margin-left: 5px;
  margin-right: 15px;
}
#awa-footer {
  float: none;
  width: 100%;
  position: relative;
  bottom: 0;
  height: 2px;
}
#awa-copyright {
  float: left;
  margin-left: 20px;
  margin-right: 5px;
}
#awa-clfooter {
  clear: both;
  height: 30px; /* See #awa-page margin bottom */
  width: 100%;
}
#awa-footer_content {
  float: right;
  margin-right: 20px;
}
ul.buttons, ul.awa-buttons {
    float: left;
    list-style-type: none;
    margin-top: 1em;
    margin-bottom: 1em;
}

li.awa-error label {
    color: red;
}

/**
 * AWA Errors
 */
span.awa-error, dl.awa-error dt label {
    color: red;
}
span.awa-error {
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 2px;
    height: auto;
}

/**
 * Form definition.
 */
div.awa-form {
    font-size: 16px;
    float: left;
    width: 100%;
}

/**
 * A form field (optional or required).
 *  - dt contains the label
 *  - dd contains the input field
 */
dl.awa-optional, dl.awa-required {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
}
dl.awa-optional dt, dl.awa-required dt {
    float: left;
    width: 100%;
    padding-top: 8px;
}
dl.awa-optional dd, dl.awa-required dd {
    float: left;
    clear: both;
    width: 100%;
}
dl.awa-error dt {
    color: red;
}
dl.awa-error span.error {
    font-size: 0.9em;
}
dl.awa-optional label, dl.awa-required label {
    display: inline;
    float: left;
    clear: left;
    text-align: left;
    color: #555;
    font-weight: bold;
    padding-right: 5px;
}
dl.awa-optional input, dl.awa-required input {
    width: 98%;
    font-size: 16px;
    padding: 3px;
}
dl.awa-optional textarea, dl.awa-required textarea {
    width: 98%;
    font-size: 16px;
    padding: 3px;
}

/**
 * Error messages
 */
div.awa-messages {
    width: 96%;
    height: 43px;
    float: left;
    padding-top: 5px;
    padding-left: 2%;
    padding-right: 2%;
}

/**
 * A global error message.
 */
div.awa-error {
    width: 640px;
    margin: auto;
    font-size: 16px;
}